@font-face{font-family:ChicagoFont;src:url(https://dangasson.github.io/Resources/Fonts/ChicagoFLF.ttf) format("truetype");font-weight:400;font-style:normal}.shopify-section:has(.ipod-wrapper) .is-hidden{display:none}.shopify-section:has(.ipod-wrapper) .option{cursor:pointer;-webkit-user-select:none;user-select:none}.shopify-section:has(.ipod-wrapper) .ipod-wrapper .ipod{pointer-events:auto}.shopify-section:has(.ipod-wrapper) .ipod-wrapper{position:fixed;inset:auto 40px 40px auto;z-index:9999;pointer-events:none}.shopify-section:has(.ipod-wrapper) .ipod-wrapper div:empty{display:block!important}.shopify-section:has(.ipod-wrapper) .ipod{width:415px;height:692px;border-radius:38px;background:linear-gradient(45deg,#e3e4e5,#fff);box-shadow:inset 5px -5px 15px gray}.shopify-section:has(.ipod-wrapper) .screen{position:relative;margin:30px auto 0;width:284px;height:230px;background:linear-gradient(135deg,#a5a59b,#d6d5d0);border-radius:10px;box-shadow:inset 0 0 10px 2px #4d4d4d;font-family:ChicagoFont,Arial;font-size:130%;color:#484647}.shopify-section:has(.ipod-wrapper) .title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.shopify-section:has(.ipod-wrapper) .title-bar{position:absolute;left:5px;right:5px;height:16%;border-bottom:2px solid #484647;text-align:center}.shopify-section:has(.ipod-wrapper) .play-icon{position:absolute;top:50%;left:10px;transform:translateY(-50%);border-left:18px solid #484647;border-top:9px solid transparent;border-bottom:9px solid transparent}.shopify-section:has(.ipod-wrapper) .battery{position:absolute;right:5px;height:50px;width:100px;background-color:#c1c1ba;border:5px solid #484647}.shopify-section:has(.ipod-wrapper) .battery:before{content:"";position:absolute;top:50%;right:-12px;transform:translateY(-50%);height:33%;width:7px;background-color:#c1c1ba;border:5px solid #484647;border-left:none}.shopify-section:has(.ipod-wrapper) .battery:after{content:"";position:absolute;top:5px;bottom:5px;left:5px;width:70px;background:repeating-linear-gradient(to right,#484647 0 20px,#c1c1ba 20px 25px,#484647 25px 45px,#c1c1ba 45px 50px,#484647 50px 70px)}.shopify-section:has(.ipod-wrapper) .battery.small{transform:scale(.3);transform-origin:100% 25%}.shopify-section:has(.ipod-wrapper) .screen{overflow:hidden}.shopify-section:has(.ipod-wrapper) .screen-body{position:absolute;left:0;right:0;top:16%;bottom:0}.shopify-section:has(.ipod-wrapper) .screen-track{height:100%;width:300%;display:flex;transform:translate(0);transition:transform .28s ease}.shopify-section:has(.ipod-wrapper) .screen-panel{width:33.3333%;height:100%}.shopify-section:has(.ipod-wrapper) .screen-panel .menu-options{position:relative;top:0;height:100%;display:flex;flex-direction:column}.shopify-section:has(.ipod-wrapper) .screen.is-songs .screen-track{transform:translate(-33.3333%)}.shopify-section:has(.ipod-wrapper) .screen.is-playing .screen-track{transform:translate(-66.6666%)}.shopify-section:has(.ipod-wrapper) .now-playing .now-playing-wrap{padding:10px 12px;height:100%;display:flex;flex-direction:column;gap:10px}.shopify-section:has(.ipod-wrapper) .np-title{font-weight:700;font-size:.95em;line-height:1.2;word-break:break-word}.shopify-section:has(.ipod-wrapper) .np-bar{position:relative;height:10px;border:2px solid #484647;background:#c1c1ba;border-radius:3px;overflow:hidden}.shopify-section:has(.ipod-wrapper) .np-fill{height:100%;width:0%;background:#484647}.shopify-section:has(.ipod-wrapper) .np-knob{position:absolute;top:50%;left:0%;width:8px;height:14px;transform:translate(-50%,-50%);background:#484647;border-radius:2px}.shopify-section:has(.ipod-wrapper) .np-times{display:flex;justify-content:space-between;font-size:.8em}.shopify-section:has(.ipod-wrapper) .np-hint{margin-top:auto;font-size:.75em;opacity:.85}.shopify-section:has(.ipod-wrapper) .option{padding-left:12px;position:relative}.shopify-section:has(.ipod-wrapper) .option:after{content:"";position:absolute;bottom:40%;right:18px;width:8px;height:8px;border-bottom:3px solid #484647;border-right:3px solid #484647;transform:rotate(-45deg) skew(7deg,7deg)}.shopify-section:has(.ipod-wrapper) .option.selected{background-color:#484647;border-bottom:2px solid #484647;color:#c1c1ba}.shopify-section:has(.ipod-wrapper) .option.selected:after{border-color:#c1c1ba}.shopify-section:has(.ipod-wrapper) .outer-ring{position:relative;margin:0 auto;top:30px;height:350px;width:350px;border-radius:50%;background-color:#fff;box-shadow:inset 5px -5px 30px -7px #595959}.shopify-section:has(.ipod-wrapper) .outer-ring:before,.shopify-section:has(.ipod-wrapper) .outer-ring:after{content:"";position:absolute;height:99%;border:1px solid #4d4d4d;left:50%}.shopify-section:has(.ipod-wrapper) .outer-ring:before{transform:rotate(45deg)}.shopify-section:has(.ipod-wrapper) .outer-ring:after{transform:rotate(135deg)}.shopify-section:has(.ipod-wrapper) .touch-wheel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:276px;width:276px;border:2px solid #4d4d4d;border-radius:50%;background:radial-gradient(farthest-side at 90% -70%,#999,#f2f2f2);box-shadow:5px -5px 30px -7px #595959;z-index:1}.shopify-section:has(.ipod-wrapper) .center-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:100px;width:100px;border:2px solid #babdc1;border-radius:50%;background:radial-gradient(farthest-side at -90% 80%,#999,#f2f2f2)}.shopify-section:has(.ipod-wrapper) .menu-label{cursor:pointer;-webkit-user-select:none;user-select:none}.shopify-section:has(.ipod-wrapper) text{font-family:Arial;font-size:110%;font-weight:700;fill:#babdc1}.shopify-section:has(.ipod-wrapper) .ipod-container path{fill:transparent}.shopify-section:has(.ipod-wrapper) .skip{position:absolute;top:50%;transform:translateY(-50%);background-color:#babdc1;height:12px;width:4px}.shopify-section:has(.ipod-wrapper) .skip:before,.shopify-section:has(.ipod-wrapper) .skip:after{content:"";position:absolute;border-left:9px solid #babdc1;border-top:6px solid transparent;border-bottom:6px solid transparent}.shopify-section:has(.ipod-wrapper) .skip:before{left:-9px}.shopify-section:has(.ipod-wrapper) .skip:after{left:-18px}.shopify-section:has(.ipod-wrapper) .skip.forward{right:7px}.shopify-section:has(.ipod-wrapper) .skip.back{left:7px;transform:rotate(180deg) translateY(50%)}.shopify-section:has(.ipod-wrapper) .play-pause{position:absolute;bottom:12px;left:50%;transform:translate(-13px);border-left:12px solid #babdc1;border-top:6px solid transparent;border-bottom:6px solid transparent}.shopify-section:has(.ipod-wrapper) .play-pause:before{content:"";position:absolute;bottom:-6px;left:4px;height:12px;width:10px;background:repeating-linear-gradient(to right,#babdc1 0 4px,transparent 4px 6px,#babdc1 6px 10px)}body:has(.cart-open-check[aria-hidden=true]) .ipod-wrapper{display:none}
/*# sourceMappingURL=/cdn/shop/t/3/assets/ipod.css.map */