:root{--modal-panel-item-width:250px}.product-pod{--media-thumb-border-radius:4px;--media-thumb-spacing:4px;--media-left-max-size:140px;--media-left-border:.5;--media-left-border-alpha:.5}.textile-selector{display:flex;flex-direction:column;justify-content:center}.pod-icons .current-selection{padding:0;margin:0;flex-basis:100%}.pod-icons .selected-grouped-textile{padding:0}.selected-grouped-textile .selected-grouped-textile-colors{display:flex;flex-wrap:wrap;gap:.8rem .8rem}.selected-grouped-textile .selected-grouped-textile-colors .swatch{width:48px;height:48px;margin-top:.7rem;margin-bottom:.2rem;border-radius:50%;box-shadow:none;border:1px solid rgba(var(--color-foreground),.3);transition-property:border-color,box-shadow;transition-duration:var(--duration-medium);cursor:pointer}.selected-grouped-textile .selected-grouped-textile-colors .swatch.selected{box-shadow:0 0 0 2px rgba(var(--color-background),.5),0 0 0 4px rgba(var(--color-foreground),.5);border:1px solid transparent}.product-pod fieldset,.selected-grouped-textile .selected-grouped-textile-color-sizes{display:flex;flex-wrap:wrap}@media screen and (max-width:749px){.product-pod fieldset,.selected-grouped-textile .selected-grouped-textile-color-sizes{border-left:none;padding-left:0}}.selected-grouped-textile-color-sizes .size-chart-wrapper{flex-basis:100%}.textile-selector .button-container{display:flex;flex-grow:1;padding-bottom:8px}.combo-selector .button-container,.media-center .button-container,.pod-icons .button-container,.span-button{margin:.7rem .5rem .2rem 0;font-size:1.4rem;letter-spacing:.1rem;line-height:1;text-align:center;cursor:pointer;border:var(--variant-pills-border-width) solid rgba(var(--color-foreground),var(--variant-pills-border-opacity));border-radius:var(--variant-pills-radius);box-shadow:var(--variant-pills-shadow-horizontal-offset) var(--variant-pills-shadow-vertical-offset) var(--variant-pills-shadow-blur-radius) rgba(var(--color-shadow),var(--variant-pills-shadow-opacity));transition:border var(--duration-short) ease,background-color var(--duration-short) ease;background-color:rgba(var(--color-foreground-secondary),var(--alpha-button-background));color:rgb(var(--color-background-secondary))}.combo-selector .button-container:hover,.media-center .button-container:hover,.pod-icons .button-container:hover,.span-button:hover{background-color:rgba(var(--color-background),var(--alpha-button-background))}.combo-selector .button-container,.pod-icons .button-container{padding:0}.button-container button{border-radius:0;text-align:inherit;background:0 0;box-shadow:none;color:inherit;cursor:pointer;border:none;font:inherit;display:flex;justify-content:center;align-items:center;gap:1rem}.button-container button,.span-button{padding:1rem 2rem}.button-container.selected,.span-button.selected{color:rgb(var(--color-background));background-color:rgba(var(--color-button),var(--alpha-button-background))}.button-container.selected:hover,.span-button.selected:hover{background-color:rgba(var(--color-background-secondary),var(--alpha-button-background))}.span-button.not-available{text-decoration:line-through}.panel-container{min-height:100%}.panel-container .h2 span{white-space:nowrap}.panel-container .collection-filter-container{flex-grow:1;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.panel-container .panel-items{width:100%;display:grid;grid-template-columns:repeat(auto-fill,var(--modal-panel-item-width));justify-content:center;gap:20px;cursor:pointer}@media screen and (min-width:990px){.panel-container .panel-item{transition:transform var(--duration-medium) var(--ease-out-slow)}.panel-container .panel-item:hover{transform:translateY(-.75rem)}.panel-container .panel-item img{transition:transform var(--duration-long) ease}.panel-container .panel-item:hover img{transform:scale(var(--media-scale))}}.panel-container .panel-item{display:flex;flex-direction:column;justify-content:space-between;min-width:var(--modal-panel-item-width);max-width:var(--modal-panel-item-width);border:1px solid rgba(var(--color-foreground),.1);padding:1.4rem}.panel-container .panel-item.selected{border:1px solid rgba(var(--color-foreground),.8)}.panel-container .panel-item-info{display:flex;flex-direction:column;gap:.5rem;flex-grow:1}.panel-container .panel-item-info a{flex-grow:1}.panel-container .panel-item img{display:inline-block;max-width:100%;max-height:var(--modal-panel-item-width);object-fit:contain}.panel-container .panel-item p{margin:0;padding:0}.panel-container .panel-item .panel-lifestyle{text-align:center}.panel-container .panel-item .brand,.panel-container .panel-item .price{font-style:italic;font-size:smaller}.panel-container .panel-item .brand .label{padding-right:4px;font-weight:bolder}.panel-container .colors{display:flex;gap:4px 4px}.panel-container .colors .swatch{display:inline-block;width:32px;height:32px;border-radius:50%;border:1px solid rgba(var(--color-foreground),.3)}@media screen and (max-width:749px){.panel-container .panel-item{width:100%;max-width:inherit;min-width:inherit}.panel-container .panel-item img{max-height:400px}}.textile-media-view .media-center{position:relative}.textile-media-view .media-center .textile-view-selector{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;cursor:pointer}.textile-media-view .media-center .textile-view-selector .view{position:relative;display:flex;flex-direction:column;align-items:center;padding:var(--media-thumb-spacing);margin:var(--media-thumb-spacing);border-radius:var(--media-thumb-border-radius);border:1px solid rgba(var(--color-foreground),.5);box-shadow:.7px .2px 2px #0003}.textile-media-view .media-center .view-title{position:absolute;bottom:0;background-color:rgba(var(--color-foreground),.7);color:rgb(var(--color-background));width:100%;text-align:center;padding:.5rem}.textile-media-view .media-center .textile-view-selector .view.checked:before{content:"\2714";position:absolute;bottom:0;right:4px;font-size:1.1em;color:#4caf50}.textile-media-view .media-center .textile-view-selector .view.selected{box-shadow:.7px 3px 10px #00000080}.textile-media-view .media-center .textile-view-selector .view img{max-width:100px}.textile-media-view{display:flex;flex-direction:row;gap:4rem}.textile-media-view .media-left{flex-grow:0;display:flex;flex-direction:column}.textile-media-view .media-left .pod-canvas-container{display:flex;align-items:center;justify-content:center;margin-bottom:2rem!important}.textile-media-view .media-left .pod-canvas{width:100%}.textile-media-view .media-left .thumb{max-width:var(--media-left-max-size);aspect-ratio:1/1;padding:var(--media-thumb-spacing);margin:0 var(--media-thumb-spacing) calc(2*var(--media-thumb-spacing)) var(--media-thumb-spacing);border-radius:var(--media-thumb-border-radius);cursor:pointer;border:1px solid rgba(var(--color-foreground),.5);box-shadow:.7px .2px 2px #0003}.textile-media-view .media-left .thumbfirst{border-top-left-radius:0;border-top-right-radius:0}.textile-media-view .media-left .thumb.selected{box-shadow:.7px 3px 10px #00000080}.textile-media-view .media-left .media-left-title{background-color:rgb(var(--color-button));color:rgb(var(--color-background));padding:0 2rem;text-align:center;border-top-right-radius:var(--variant-pills-radius);margin:var(--media-thumb-spacing) var(--media-thumb-spacing) 0 var(--media-thumb-spacing)}.textile-media-view .media-center{flex-grow:1}.textile-media-view .media-center .pod-canvas-container{aspect-ratio:1/1}.textile-media-view .media-center .pod-canvas-container .pod-canvas{width:100%;aspect-ratio:1/1}.pod-canvas-container{position:relative}.pod-canvas-container .loading__spinner{width:100px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pod-canvas-container .loading__spinner svg circle.path{stroke:gray}.vignette-item{display:flex;height:100%;align-items:center;justify-content:center;background-color:#f9f9f9;border:1px solid #ccc}.vignette-none{display:block!important;width:150px;height:150px;border-radius:50%;border:2px solid #ccc;background-color:#f9f9f9;position:relative;cursor:pointer;transition:background-color .2s ease}.vignette-none:before{content:"";position:absolute;top:50%;left:50%;width:80%;height:2px;background-color:#ccc;transform:translate(-50%,-50%) rotate(45deg);border-radius:1px}.vignette-item:hover .vignette-none{background-color:#eee;border-color:#999}
/*# sourceMappingURL=/cdn/shop/t/2/assets/print-on-demand.css.map */