.media-item-site-pinner{flex-direction:column;justify-content:center;align-items:stretch;width:100%;height:100%;display:flex}.media-item-site-pinner__frame{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;position:relative}.media-item-site-pinner__background{position:absolute;inset:0}.media-item-site-pinner__grid{color:var(--theme-page-fg);flex-direction:column;display:flex;position:relative}.media-item-site-pinner__sites{place-content:center;gap:1.25em;width:100%;margin:0 auto;padding-top:.75em;transition:opacity .2s cubic-bezier(.215,.61,.355,1);display:grid}.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{color:#1a1a1a;cursor:pointer;background-color:#fff;border:1px solid #1a1a1a40;border-radius:.33em;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:3.5em;padding:.25em .75em;transition:box-shadow .3s cubic-bezier(.215,.61,.355,1),border .3s cubic-bezier(.215,.61,.355,1);display:flex;box-shadow:0 1.25596px 3px #00000012}.media-item-site-pinner__site>button:hover{border:1px solid #1a1a1a59;box-shadow:0 3.62199px 7px #0000001a}.media-item-site-pinner__site>button:active{box-shadow:0 0 #00000026}.media-item-site-pinner__site>button>span{flex-direction:row;justify-content:space-between;align-items:center;width:100%;font-weight:600;display:flex}.media-item-site-pinner__site--pinning{pointer-events:none}.media-item-site-pinner__site--custom svg{transition:all .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{border:1px solid rgba(var(--theme-blue-rgb), .25);box-shadow:0 1.25596px 3px #00000012}.media-item-site-pinner__site--primary>button{color:#fff;background-color:#1a59c8;border:1px solid #17520d}.media-item-site-pinner__site--primary>button:hover{border:1px solid #17520d;box-shadow:0 1.25596px 3px #00000012}.media-item-site-pinner__site-name{align-items:center;gap:.5em;display:flex}.media-item-site-pinner__site-icon{width:24px;height:24px}.media-item-site-pinner__site-end{width:1em;height:1em;position:relative}.media-item-site-pinner__site-checkmark{background:#1a1a1a14 .media-item-site-pinner__site-checkmark --pinning;background-opacity:0;border:1px solid #1a1a1a33;border-radius:.2em;width:1.33em;height:1.33em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.media-item-site-pinner__site-checkmark svg{opacity:0;transition:opacity .2s cubic-bezier(.215,.61,.355,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.media-item-site-pinner__site:hover .media-item-site-pinner__site-checkmark{background-color:#1a59c81a;border:1px solid #1a59c899}.media-item-site-pinner__site:hover .media-item-site-pinner__site-checkmark svg{opacity:1;color:#1a59c899}.media-item-site-pinner__site-spinner{color:#1a1a1a4d;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.media-item-site-pinner__custom-site-option{justify-content:center;margin-top:2.25em;display:flex}.media-item-site-pinner__instructions{text-align:center;margin:2.5em auto 1.5em}.media-item-site-pinner__preview{background-image:radial-gradient(20em 23em at 18% 65%,#4f9cebbf 0%,#4f9ceb00 57%),radial-gradient(25em 20em at 25% 75%,#6fb4fc 0%,#5f99f84f 27%,#3d9cff00 44%),linear-gradient(90deg,#81b1cd 0%,#c1dae9 15%,#b4d2e4 76%,#8bb7d2 100%);border-radius:1em;flex-shrink:1;height:25em;margin-bottom:2em;font-size:10px;position:relative;overflow:hidden}.media-item-site-pinner__preview--framed{border-radius:1em 1em 0 0}.media-item-site-pinner__browser{aspect-ratio:1792/600;height:45em;position:absolute;top:15%;left:15%}.media-item-site-pinner__browser>img{height:45em;position:absolute;top:0;left:0}.media-item-site-pinner__browser-tab{position:absolute;top:4em;left:5.2em}.media-item-site-pinner__browser-tab-inner{flex-direction:row;justify-content:flex-start;align-items:center;gap:1em;display:flex;position:absolute;top:0;left:0}.media-item-site-pinner__browser-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;width:2.2em;height:2.2em;position:relative;top:.07em}.media-item-site-pinner__browser-name{text-align:left;white-space:nowrap;text-overflow:ellipsis;justify-content:flex-start;align-items:center;display:flex;overflow:hidden}.media-item-site-pinner__browser-name span{font-size:1.5em;display:block}.media-item-site-pinner__taskbar{background-color:#f7fcff;justify-content:center;height:6.5em;display:flex;position:absolute;bottom:0;left:0;right:0}.media-item-site-pinner__taskbar-icons{justify-content:center;align-items:center;gap:2.5em;height:100%;display:flex;position:relative}.media-item-site-pinner__taskbar-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;width:4em;height:4em;position:relative}.media-item-site-pinner__taskbar-icon div{background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;inset:0}.media-item-site-pinner__taskbar-icon{transition:opacity .3s cubic-bezier(.215,.61,.355,1) .3s}.media-item-site-pinner__taskbar-icon--pinning{opacity:.25;transition-delay:0s}.media-item-site-pinner__taskbar-arrow{height:4.25em;position:absolute;top:-3.75em;right:.75em}.media-item-site-pinner__taskbar-icon-placeholder{border:1.5px solid #17528833;border-radius:.5em}@media screen and (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}}