/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
@layer midwest.tailwindcss.utilities;@layer midwest.components.device-frame{.midwest-device-frame{--du:1px;--device-w:240;--device-body:#1c1c1e;--device-edge:#ffffff1a;--device-band:#3a3a3c;flex-direction:column;align-items:center;line-height:0;display:inline-flex;position:relative}.midwest-device-frame.is-responsive{--du:calc(100cqi / var(--device-w));width:100%;container-type:inline-size}.midwest-device-frame.color-silver{--device-body:#d6d6d8;--device-edge:#ffffff8c;--device-band:#c4c4c6}.midwest-device-frame.color-gold{--device-body:#efe0c3;--device-edge:#ffffff8c;--device-band:#e3d2ae}.midwest-device-frame.color-blue{--device-body:#3a5876;--device-edge:#ffffff40;--device-band:#34506b}.midwest-device-frame-body{background:var(--device-body);box-shadow:inset 0 0 0 1px var(--device-edge);position:relative}.midwest-device-frame.has-shadow .midwest-device-frame-body{box-shadow:inset 0 0 0 1px var(--device-edge), 0 calc(22 * var(--du)) calc(48 * var(--du)) calc(-14 * var(--du)) #0006}.midwest-device-frame-screen{background:#000;width:100%;height:100%;position:relative;overflow:hidden}.midwest-device-frame-screen>:where(img,video,picture,div,.midwest-video){object-fit:cover;width:100%;height:100%}.midwest-device-frame-image{object-fit:cover;width:100%;height:100%;display:block}.device-iphone .midwest-device-frame-body{padding:calc(12 * var(--du));border-radius:calc(44 * var(--du))}.device-iphone .midwest-device-frame-screen{border-radius:calc(34 * var(--du))}.device-iphone.orientation-portrait .midwest-device-frame-body{width:calc(240 * var(--du))}.device-iphone.orientation-portrait{--device-w:240}.device-iphone.orientation-portrait .midwest-device-frame-screen{aspect-ratio:9/19.5}.device-iphone.orientation-landscape .midwest-device-frame-body{width:calc(480 * var(--du))}.device-iphone.orientation-landscape{--device-w:480}.device-iphone.orientation-landscape .midwest-device-frame-screen{aspect-ratio:19.5/9}.midwest-device-frame-island{z-index:10;background:#000;border-radius:3.40282e38px;position:absolute}.orientation-portrait .midwest-device-frame-island{top:calc(12 * var(--du));width:calc(82 * var(--du));height:calc(24 * var(--du));left:50%;transform:translate(-50%)}.orientation-landscape .midwest-device-frame-island{top:50%;left:calc(12 * var(--du));width:calc(24 * var(--du));height:calc(82 * var(--du));transform:translateY(-50%)}.midwest-device-frame-home-indicator{z-index:10;background:#ffffff8c;border-radius:3.40282e38px;position:absolute}.orientation-portrait .midwest-device-frame-home-indicator{bottom:calc(9 * var(--du));width:calc(96 * var(--du));height:calc(5 * var(--du));left:50%;transform:translate(-50%)}.orientation-landscape .midwest-device-frame-home-indicator{right:calc(9 * var(--du));width:calc(5 * var(--du));height:calc(96 * var(--du));top:50%;transform:translateY(-50%)}.midwest-device-frame-btn{border-radius:calc(2 * var(--du));background:var(--device-body);box-shadow:inset 0 0 0 1px var(--device-edge);position:absolute}.device-iphone .btn-silence{left:calc(-2 * var(--du));top:calc(96 * var(--du));width:calc(3 * var(--du));height:calc(26 * var(--du))}.device-iphone .btn-volume-up{left:calc(-2 * var(--du));top:calc(138 * var(--du));width:calc(3 * var(--du));height:calc(46 * var(--du))}.device-iphone .btn-volume-down{left:calc(-2 * var(--du));top:calc(196 * var(--du));width:calc(3 * var(--du));height:calc(46 * var(--du))}.device-iphone .btn-power{right:calc(-2 * var(--du));top:calc(150 * var(--du));width:calc(3 * var(--du));height:calc(64 * var(--du))}.device-iphone.orientation-landscape .midwest-device-frame-btn{display:none}.device-ipad .midwest-device-frame-body{padding:calc(16 * var(--du));border-radius:calc(28 * var(--du))}.device-ipad .midwest-device-frame-screen{border-radius:calc(14 * var(--du))}.device-ipad.orientation-portrait .midwest-device-frame-body{width:calc(280 * var(--du))}.device-ipad.orientation-portrait{--device-w:280}.device-ipad.orientation-portrait .midwest-device-frame-screen{aspect-ratio:3/4}.device-ipad.orientation-landscape .midwest-device-frame-body{width:calc(380 * var(--du))}.device-ipad.orientation-landscape{--device-w:380}.device-ipad.orientation-landscape .midwest-device-frame-screen{aspect-ratio:4/3}.device-ipad .midwest-device-frame-camera{z-index:10;background:#1a1a1a;border-radius:3.40282e38px;position:absolute;box-shadow:inset 0 0 0 1px #fff3}.device-ipad.orientation-portrait .midwest-device-frame-camera{top:calc(6 * var(--du));width:calc(6 * var(--du));height:calc(6 * var(--du));left:50%;transform:translate(-50%)}.device-ipad.orientation-landscape .midwest-device-frame-camera{left:calc(6 * var(--du));width:calc(6 * var(--du));height:calc(6 * var(--du));top:50%;transform:translateY(-50%)}.device-macbook{--device-w:480}.device-macbook .midwest-device-frame-body{width:calc(440 * var(--du));padding:calc(12 * var(--du)) calc(12 * var(--du)) calc(14 * var(--du));border-radius:calc(18 * var(--du)) calc(18 * var(--du)) 0 0}.device-macbook .midwest-device-frame-screen{aspect-ratio:16/10;border-radius:calc(4 * var(--du))}.device-macbook .midwest-device-frame-camera{top:calc(6 * var(--du));width:calc(5 * var(--du));height:calc(5 * var(--du));background:#2a2a2a;border-radius:3.40282e38px;position:absolute;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff40}.midwest-device-frame-base{width:calc(480 * var(--du));height:calc(14 * var(--du));border-radius:0 0 calc(12 * var(--du)) calc(12 * var(--du));background:linear-gradient(to bottom, var(--device-body), var(--device-body));position:relative}@supports (color:color-mix(in lab, red, red)){.midwest-device-frame-base{background:linear-gradient(to bottom, var(--device-body), color-mix(in srgb, var(--device-body) 75%, black))}}.midwest-device-frame-base{box-shadow:inset 0 1px 0 var(--device-edge)}.midwest-device-frame-notch{width:calc(96 * var(--du));height:calc(6 * var(--du));border-radius:0 0 calc(6 * var(--du)) calc(6 * var(--du));background:var(--device-body);position:absolute;top:0;left:50%}@supports (color:color-mix(in lab, red, red)){.midwest-device-frame-notch{background:color-mix(in srgb, var(--device-body) 60%, black)}}.midwest-device-frame-notch{transform:translate(-50%)}.device-watch{--device-w:150}.device-watch .midwest-device-frame-body{width:calc(150 * var(--du));padding:calc(12 * var(--du));border-radius:calc(42 * var(--du));z-index:1}.device-watch .midwest-device-frame-screen{aspect-ratio:5/6;border-radius:calc(32 * var(--du));background:#000}.device-watch .midwest-device-frame-crown{right:calc(-4 * var(--du));top:calc(42 * var(--du));width:calc(5 * var(--du));height:calc(26 * var(--du));border-radius:calc(2 * var(--du));background:var(--device-body);box-shadow:inset 0 0 0 1px var(--device-edge);position:absolute}.device-watch .btn-side{right:calc(-3 * var(--du));top:calc(82 * var(--du));width:calc(4 * var(--du));height:calc(34 * var(--du));background:var(--device-body)}.midwest-device-frame-band{width:calc(108 * var(--du));height:calc(40 * var(--du));background:var(--device-band);position:relative}.midwest-device-frame-band.band-top{border-radius:calc(14 * var(--du)) calc(14 * var(--du)) calc(4 * var(--du)) calc(4 * var(--du));margin-bottom:calc(-18 * var(--du));order:-1}.midwest-device-frame-band.band-bottom{border-radius:calc(4 * var(--du)) calc(4 * var(--du)) calc(14 * var(--du)) calc(14 * var(--du));margin-top:calc(-18 * var(--du))}.device-tv{--device-w:440}.device-tv .midwest-device-frame-body{width:calc(440 * var(--du));padding:calc(8 * var(--du));border-radius:calc(10 * var(--du));z-index:1}.device-tv .midwest-device-frame-screen{aspect-ratio:16/9;border-radius:calc(3 * var(--du))}.midwest-device-frame-stand{flex-direction:column;align-items:center;display:flex;position:relative}.midwest-device-frame-stand-neck{width:calc(20 * var(--du));height:calc(26 * var(--du));background:linear-gradient(to bottom, var(--device-body), var(--device-body))}@supports (color:color-mix(in lab, red, red)){.midwest-device-frame-stand-neck{background:linear-gradient(to bottom, color-mix(in srgb, var(--device-body) 80%, black), var(--device-body))}}.midwest-device-frame-stand-foot{width:calc(180 * var(--du));height:calc(8 * var(--du));border-radius:calc(4 * var(--du));background:var(--device-body);box-shadow:0 calc(4 * var(--du)) calc(10 * var(--du)) calc(-4 * var(--du)) #00000073}}