.media-item-site-pinner{width:100%;height:100%;display:flex;flex-direction:column;align-items:stretch;justify-content:center}.media-item-site-pinner__frame{position:relative;width:100%;max-width:1200px;margin-left:auto;margin-right:auto}.media-item-site-pinner__background{position:absolute;top:0;right:0;bottom:0;left:0}.media-item-site-pinner__grid{position:relative;display:flex;flex-direction:column;color:var(--theme-page-fg)}.media-item-site-pinner__sites{display:grid;justify-content:center;align-content:center;width:100%;margin:0 auto;transition:opacity .2s cubic-bezier(.215,.61,.355,1);padding-top:.75em;gap:1.25em}.media-item-site-pinner__sites--pinning{pointer-events:none;opacity:.5}.media-item-site-pinner__sites--framed{padding:1em}.media-item-site-pinner__site{font-size:clamp(14px,1.053vw,16px)}.media-item-site-pinner__site>button{height:3.5em;padding:.25em .75em;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-radius:.33em;color:#1a1a1a;border:1px solid rgba(26,26,26,.25);background-color:#fff;box-shadow:0 1.2559621673px 3px rgba(0,0,0,.07);cursor:pointer;transition:box-shadow .3s cubic-bezier(.215,.61,.355,1),border .3s cubic-bezier(.215,.61,.355,1)}.media-item-site-pinner__site>button:hover{box-shadow:0 3.6219924373px 7px rgba(0,0,0,.1);border:1px solid rgba(26,26,26,.35)}.media-item-site-pinner__site>button:active{box-shadow:0 0 0 rgba(0,0,0,.15)}.media-item-site-pinner__site>button>span{font-weight:600;display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.media-item-site-pinner__site--pinning{pointer-events:none}.media-item-site-pinner__site--custom svg{transition:.1s}.media-item-site-pinner__site--custom:hover svg{transform:scale(1.15)}.media-item-site-pinner__site--blue>button{background-color:var(--theme-blue);color:var(--theme-page-bg);border:1px solid rgba(var(--theme-blue-rgb),.25)}.media-item-site-pinner__site--blue>button:hover{box-shadow:0 1.2559621673px 3px rgba(0,0,0,.07);border:1px solid rgba(var(--theme-blue-rgb),.25)}.media-item-site-pinner__site--primary>button{background-color:#1a59c8;color:#fff;border:1px solid #17520d}.media-item-site-pinner__site--primary>button:hover{box-shadow:0 1.2559621673px 3px rgba(0,0,0,.07);border:1px solid #17520d}.media-item-site-pinner__site-name{display:flex;align-items:center;gap:.5em}.media-item-site-pinner__site-icon{width:24px;height:24px}.media-item-site-pinner__site-end{position:relative;width:1em;height:1em}.media-item-site-pinner__site-checkmark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:1.33em;height:1.33em;border-radius:.2em;border:1px solid rgba(26,26,26,.2);background:rgba(26,26,26,.08) .media-item-site-pinner__site-checkmark --pinning;background-opacity:0}.media-item-site-pinner__site-checkmark svg{transition:opacity .2s cubic-bezier(.215,.61,.355,1);opacity:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.media-item-site-pinner__site:hover .media-item-site-pinner__site-checkmark{background-color:rgba(26,89,200,.1);border:1px solid rgba(26,89,200,.6)}.media-item-site-pinner__site:hover .media-item-site-pinner__site-checkmark svg{opacity:1;color:rgba(26,89,200,.6)}.media-item-site-pinner__site-spinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:rgba(26,26,26,.3)}.media-item-site-pinner__custom-site-option{margin-top:2.25em;display:flex;justify-content:center}.media-item-site-pinner__instructions{margin:2.5em auto 1.5em;text-align:center}.media-item-site-pinner__preview{font-size:10px;height:25em;flex-shrink:1;border-radius:1em;overflow:hidden;position:relative;margin-bottom:2em;background-image:radial-gradient(20em 23em at 18% 65%,rgba(79,156,235,.75) 0,rgba(79,156,235,0) 57%),radial-gradient(25em 20em at 25% 75%,#6fb4fc 0,rgba(95,153,248,.31) 27%,rgba(61,156,255,0) 44%),linear-gradient(90deg,#81b1cd,#c1dae9 15%,#b4d2e4 76%,#8bb7d2)}.media-item-site-pinner__preview--framed{border-radius:1em 1em 0 0}.media-item-site-pinner__browser{height:45em;aspect-ratio:1792/600;position:absolute;top:15%;left:15%}.media-item-site-pinner__browser>img{position:absolute;top:0;left:0;height:45em}.media-item-site-pinner__browser-tab{position:absolute;top:4em;left:5.2em}.media-item-site-pinner__browser-tab-inner{position:absolute;top:0;left:0;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:1em}.media-item-site-pinner__browser-icon{position:relative;top:.07em;width:2.2em;height:2.2em;background-size:contain;background-position:50%;background-repeat:no-repeat}.media-item-site-pinner__browser-name{text-align:left;display:flex;align-items:center;justify-content:flex-start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-item-site-pinner__browser-name span{display:block;font-size:1.5em}.media-item-site-pinner__taskbar{position:absolute;bottom:0;left:0;right:0;height:6.5em;background-color:#f7fcff;display:flex;justify-content:center}.media-item-site-pinner__taskbar-icons{position:relative;display:flex;justify-content:center;gap:2.5em;height:100%;align-items:center}.media-item-site-pinner__taskbar-icon{height:4em;width:4em;background-size:contain;background-repeat:no-repeat;background-position:50%;position:relative}.media-item-site-pinner__taskbar-icon div{position:absolute;top:0;right:0;bottom:0;left:0;background-size:contain;background-repeat:no-repeat;background-position:50%}.media-item-site-pinner__taskbar-icon{transition:opacity .3s cubic-bezier(.215,.61,.355,1);transition-delay:.3s}.media-item-site-pinner__taskbar-icon--pinning{transition-delay:0s;opacity:.25}.media-item-site-pinner__taskbar-arrow{position:absolute;top:-3.75em;right:.75em;height:4.25em}.media-item-site-pinner__taskbar-icon-placeholder{border-radius:.5em;border:1.5px solid rgba(23,82,136,.2)}@media screen and (max-height:800px){.media-item-site-pinner__preview{height:20em}.media-item-site-pinner__sites{gap:1.5em}.media-item-site-pinner__site{height:3em}.media-item-site-pinner__instructions{margin:1em auto}}